<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/normalize.css">
  <link rel="stylesheet" href="../css/swiper.min.css">
  <script src="../js/swiper.min.js"></script>
  <link rel="stylesheet" href="../css/my.css">
  <script src="../js/index.min.js"></script>
  <link rel="stylesheet" href="../iconfont/iconfont.css">
  <title>Document</title>
</head>

<body>
  <div class="header">
    <div class="touxiang">
      <div class="left"><img src="../image/touxiang.webp" alt=""></div>
      <div class="right">
        <h4 class="id">APP_E42Qmlov</h4>
        <p class="describe">注册时间：2024-4-15</p>
      </div>
    </div>
    <div class="nav">
      <li>
        <span class="count">17</span>
        <p>播放记录</p>
      </li>
      <li>
        <span class="count">0</span>
        <p>浏览历史</p>
      </li>
      <li>
        <span class="count">0</span>
        <p>我的追番</p>
      </li>
      <li>
        <span class="count">0</span>
        <p>我的积分</p>
      </li>
    </div>
  </div>
  <div class="invitema">
    <div class="left">
      <p class="p1">我的邀请码：brvxkq</p>
      <p class="p2">成功邀请一人，可获取0积分，已邀请0人</p>
    </div>
    <div class="right">
      <i class="iconfont icon-ic_line_copy24px"></i>
    </div>
  </div>
  <div class="playrecord">
    <div class="head">
      播放记录
      <a href="../jframe/history-record.html"><i class="iconfont icon-zuojiantou"></i></a>
    </div>
    <div class="content">
      <!-- Swiper -->
      <div class="swiper-one swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="top">
              <a href=""><img src="../update/focus1.webp" alt=""></a>
              <p>更新至第160集</p>
            </div>
            <h4 class="title">完美世界</h4>
          </div>
          <div class="swiper-slide">
            <div class="top">
              <a href=""><img src="../update/focus2.webp" alt=""></a>
              <p>更新至第160集</p>
            </div>
            <h4 class="title">完美世界</h4>
          </div>
          <div class="swiper-slide">
            <div class="top">
              <a href=""><img src="../update/focus3.webp" alt=""></a>
              <p>更新至第160集</p>
            </div>
            <h4 class="title">完美世界</h4>
          </div>
          <div class="swiper-slide">
            <div class="top">
              <a href=""><img src="../update/focus4.webp" alt=""></a>
              <p>更新至第160集</p>
            </div>
            <h4 class="title">完美世界</h4>
          </div>
          <div class="swiper-slide">
            <div class="top">
              <a href=""><img src="../update/quanbu-content-1.webp" alt=""></a>
              <p>更新至第160集</p>
            </div>
            <h4 class="title">完美世界</h4>
          </div>
          <div class="swiper-slide">
            <div class="top">
              <a href=""><img src="../update/focus2.webp" alt=""></a>
              <p>更新至第160集</p>
            </div>
            <h4 class="title">完美世界</h4>
          </div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
  </div>
  <div class="nav">
    <ul>
      <a class="first" href="">
        <i class="iconfont icon-zuqiu"></i>
        <p>下载记录</p>
      </a>
      <a class="two" href="">
        <i style="color: rgb(210, 210, 105);" class="iconfont icon-zuqiu"></i>
        <p>会员中心</p>
      </a>
      <a class="three" href="">
        <i style="color: rgb(144, 207, 104);" class="iconfont icon-zuqiu"></i>
        <p>我的积分</p>
      </a>
      <a class="last" href="">
        <i style="color: rgb(186, 223, 158);" class="iconfont icon-zuqiu"></i>
        <p>留言求片</p>
      </a>
      <a class="first" href="">
        <i style="color: yellow;" class="iconfont icon-zuqiu"></i>
        <p>我的追剧</p>
      </a>
      <a class="two" href="">
        <i style="color: rgb(86, 181, 169);" class="iconfont icon-zuqiu"></i>
        <p>个人设置</p>
      </a>
      <a class="three" href="">
        <i style="color: rgb(192, 124, 185);" class="iconfont icon-zuqiu"></i>
        <p>修改密码</p>
      </a>
      <a class="last" href="">
        <i style="color: rgb(105, 105, 185);" class="iconfont icon-zuqiu"></i>
        <p>消息中心</p>
      </a>
      <a class="first" href="">
        <i style="color: rgb(185, 106, 106);" class="iconfont icon-zuqiu"></i>
        <p>清除缓存</p>
      </a>
      <a class="two" href="">
        <i style="color: rgb(136, 50, 130);" class="iconfont icon-zuqiu"></i>
        <p>免责声明</p>
      </a>

    </ul>
  </div>
  <div class="guanggao">
    <img src="../update/guanggao.webp" alt="">
  </div>
  <div class="foot">
    <a href="../index.html" class="shouye">
      <i class="iconfont icon-shouye"></i>
      <span>首页</span>
    </a>
    <a href="../jframe/searthvedio-for-img.html" class="shoufan">
      <i class="iconfont icon-zuqiu"></i>
      <span>以图搜番</span>
    </a>
    <a href="../jframe/my.html" class="my">
      <i class="iconfont icon-wode"></i>
      <span>我的</span>
    </a>
  </div>
  <script>
    (function () {
      var swiper = new Swiper('.swiper', {
        slidesPerView: 3.1,
        spaceBetween: 30,
        freeMode: true,
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
        direction: 'horizontal',
        mousewheel: true,
        mousewheelSensitivity: 1, // 每次滚动项目的数量
        freeMode: true,
        freeModeMomentumRatio: 0.5,
        freeModeMomentumBounce: 0.4,
        freeModeMomentumBounceRatio: 0.4,
        onSwiper: function () {
          var swiper = this;
          var scrollContainer = swiper.$el[0];

          scrollContainer.addEventListener('wheel', function (e) {
            e.preventDefault();
            var delta = e.deltaY > 0 ? 1 : -1;
            swiper.slideNext(delta); // 根据滚动方向滑动Swiper
          });
        }
      });

    }())
  </script>
</body>

</html>